<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" source="widget" />
<section>
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置：${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default" style="height:auto">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
				<img style="float: left; margin-left: 37px; margin-top: 9.5px;"
					src="/manage/images/new_edit.png">
				<h4>物业回复详情</h4>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel();"> <img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>

		<div id="replyList" class="right">
			<input id="complainType" type="hidden" value="${complainType}">
			<!-- begin table表格 -->
			<table style="width: 100%; margin-top: 0px; table-layout: fixed"
				class="table table-striped b-t b-light">
				<tr>
					<td width="20%">标题</td>
					<td width="25%">内容</td>
					<td width="10%">回复人</td>
					<td width="15%">回复时间</td>
					<td width="20%">备注</td>
				</tr>
				<c:forEach items="${replyList}" var="item" varStatus="vStatus">
					<c:if test="${item.replyType == 1}">
						<tr>
							<td>${item.title }</td>
							<c:choose>
								<c:when test="${fn:length(item.content) > 15}">
									<td id="content${item.id}"
										onmouseover="mouseOverCon(${item.id} , '${item.content}')"
										onmouseout="mouseOutCon(${item.id} , '${item.content}')">${fn:substring(item.content , 0 , 15)}...</td>
								</c:when>
								<c:otherwise>
									<td id="content${item.id}">${item.content}</td>
								</c:otherwise>
							</c:choose>
							<td>${item.replyAccount }</td>
							<td><fmt:formatDate value="${item.replyTime }"
									pattern="yyyy-MM-dd HH:mm" /></td>
							<td>${item.memo }</td>
						</tr>
					</c:if>

				</c:forEach>

			</table>
		</div>

		<div id="replyList" class="right" style="margin-top: 40px;">
			<!-- begin table表格 -->
			<table style="width: 100%; margin-top: 5px; table-layout: fixed"
				class="table table-striped b-t b-light">
				<thead>
					<tr style="height: 41px;">
						<th colspan="7" style="text-align: left; font-size: 14px;"><img
							style="float: left; margin-left: 37px; margin-top: 9.5px;"
							src="/manage/images/new_edit.png"> <span
							style="margin-left: 10px; letter-spacing: 2px; line-height: 41px;">业主评价详情</span>
							<a style="float: right; margin-right: 20px; line-height: 41px;"
							title="关闭" onclick="cancel();"> <img
								src="${ctx}/images/new_close.png" />
						</a></th>
					</tr>
				</thead>
				<tr>
					<td width="15%">标题</td>
					<td width="20%">内容</td>
					<td width="10%">回复人</td>
					<td width="15%">回复时间</td>
					<td width="10%">评价等级</td>
					<td width="15%">照片</td>
					<td width="15%">备注</td>
				</tr>
				<c:forEach items="${replyList}" var="item" varStatus="vStatus">
					<c:if test="${item.replyType ==2}">
						<tr>
							<td>${item.title }</td>
							<c:choose>
								<c:when test="${fn:length(item.content) > 15}">
									<td id="content${item.id}"
										onmouseover="mouseOverCon(${item.id} , '${item.content}')"
										onmouseout="mouseOutCon(${item.id} , '${item.content}')">${fn:substring(item.content , 0 , 15)}...</td>
								</c:when>
								<c:otherwise>
									<td id="content${item.id}">${item.content}</td>
								</c:otherwise>
							</c:choose>
							<td>${item.replyAccount }</td>
							<td><fmt:formatDate value="${item.replyTime }"
									pattern="yyyy-MM-dd HH:mm" /></td>
							<td>${item.score }</td>
							<td>${item.photo }</td>
							<td>${item.memo }</td>
						</tr>
					</c:if>
				</c:forEach>
			</table>
		</div>
		<div style="text-align: center;">
			<button style="margin-top: 20px;" class="buttonCancle"
				onclick="cancel();">返&nbsp;&nbsp;回</button>
		</div>
	</div>
	<%@include file="/views/common/footer.jsp"%>
</section>
<script
	src="${ctx}/js/controllers/complain/ComplaintsInfoEditController.js"
	type="text/javascript">
	</script>
<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
